

<template>
  <header
  class="el-header"
  :style="{ height }"
  >
<slot></slot>
  </header>
</template>

<script  lang="ts">
export default{
  name:'ElHeader'
}
</script>
<script lang="ts" setup>

import{ withDefaults } from 'vue';

interface Props {
  height?:string
}

withDefaults(defineProps<Props>(),{
  height:"60px"
})

</script>


<style lang="scss" scoped>
@import '../../styles/mixin.scss';
@include b(header){
  padding:$--header-padding;
  box-sizing: border-box;
  flex-shrink: 0;
}
</style>